<template>
    <!-- Form -->
    <el-button size="small" type="success" @click="dialogFormVisible = true">编辑</el-button>
</template>

<script>
import { reactive, ref } from 'vue'
export default {
    data() {
        const dialogFormVisible = ref(false)
        const formLabelWidth = '140px'

        const form = reactive({
            username: '',
            major: '',
            grade: '',
            email: '',
            phone_number: '',
        })

        return {
            dialogFormVisible,
            formLabelWidth,
            form,
        }
    },
    methods: {

    }
}

</script>

<style scoped>
.el-button--text {
    margin-right: 15px;
}

.el-select {
    width: 300px;
}

.el-input {
    width: 300px;
}

.dialog-footer button:first-child {
    margin-right: 10px;
}
</style>